<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>销售中心-完善游客信息</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body ng-controller="appCtrl">
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>销售中心</a>
        <ul class="link-lop">
          <li><a href="javascript:">旅游产品</a></li>
          <li><a href="javascript:">酒店产品</a></li>
          <li><a href="javascript:">玩乐产品</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">销售中心</a></li>
      <li><a href="#">旅游产品查询</a></li>
      <li><a href="#">旅游产品详情</a></li>
      <li class="active">立即预定</li>
    </ol>

    <section class="w100b reser-topprompt mb20">
      <div class="reser-tpt-i active">
        <p>提交订单</p>
        <span>1</span>
      </div>
      <div class="reser-tpt-i active">
        <p>完善游客信息</p>
        <span>2</span>
      </div>
      <div class="reser-tpt-i">
        <p>付款</p>
        <span>3</span>
      </div>
      <div class="reser-tpt-i">
        <p>交易成功</p>
        <span>4</span>
      </div>
      <div class="reser-tpt-i">
        <p>签订合同</p>
        <span>5</span>
      </div>
    </section>

    <section class="panel panel-default">
      <header class="panel-heading clearfix">
        <h4 class="pull-left lh34 no-m">其他旅客信息</h4>
        <div class="pull-right">
          <button type="button" class="btn btn-success" data-toggle="modal" data-target="#seluserModal">常旅客</button>
          <button type="button" class="btn btn-success" data-toggle="modal" data-target="#importModal">导入excel数据</button>
        </div>
      </header>
      <article class="panel-body">
        <small>备注：（英文姓：如：张晓明   填：ZHANG) . (英文名：如：张晓明 填：XIAOMING）</small>
        <br>
        <small>温馨提示：请确保您填写的信息真实准确，否则会影响您的顺利出行。</small>
      </article>
      <table class="table table-bordered table-reserv admin-form">
        <thead>
        <tr>
          <th>序号</th>
          <th>客户类型</th>
          <th>姓名</th>
          <th>拼音姓</th>
          <th>拼音名</th>
          <th>国籍</th>
          <th>性别</th>
          <th>证件类型</th>
          <th>证件号码</th>
          <th>出生日期</th>
          <th>手机号</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>1</td>
          <td>
            <label class="select">
              <select name="">
                <option value="">类型&nbsp;&nbsp;</option>
                <option value="1">成人</option>
                <option value="2">儿童</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td><input type="text" class="gui-input" placeholder="姓名"></td>
          <td><input type="text" class="gui-input" placeholder="拼音姓"></td>
          <td><input type="text" class="gui-input" placeholder="拼音名"></td>
          <td>
            <label class="select">
              <select name="">
                <option value="">选择国籍&nbsp;&nbsp;</option>
                <option value="1">中国</option>
                <option value="2">法国</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td>
            <label class="select">
              <select name="">
                <option value="">性别&nbsp;&nbsp;</option>
                <option value="1">女</option>
                <option value="2">男</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td>
            <label class="select">
              <select name="">
                <option value="">选择类型&nbsp;&nbsp;</option>
                <option value="1">身份证</option>
                <option value="2">军籍</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td><input type="text" class="gui-input" placeholder="证件号码"></td>
          <td><input type="text" class="gui-input" placeholder="出生日期"></td>
          <td><input type="text" class="gui-input" placeholder="手机号"></td>
        </tr>

        <tr>
          <td>1</td>
          <td>
            <label class="select">
              <select name="">
                <option value="">类型&nbsp;&nbsp;</option>
                <option value="1">成人</option>
                <option value="2">儿童</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td><input type="text" class="gui-input" placeholder="姓名"></td>
          <td><input type="text" class="gui-input" placeholder="拼音姓"></td>
          <td><input type="text" class="gui-input" placeholder="拼音名"></td>
          <td>
            <label class="select">
              <select name="">
                <option value="">选择国籍&nbsp;&nbsp;</option>
                <option value="1">中国</option>
                <option value="2">法国</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td>
            <label class="select">
              <select name="">
                <option value="">性别&nbsp;&nbsp;</option>
                <option value="1">女</option>
                <option value="2">男</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td>
            <label class="select">
              <select name="">
                <option value="">选择类型&nbsp;&nbsp;</option>
                <option value="1">身份证</option>
                <option value="2">军籍</option>
              </select>
              <i class="arrow double"></i>
            </label>
          </td>
          <td><input type="text" class="gui-input" placeholder="证件号码"></td>
          <td><input type="text" class="gui-input" placeholder="出生日期"></td>
          <td><input type="text" class="gui-input" placeholder="手机号"></td>
        </tr>
        </tbody>
      </table>

      <article class="panel-body">
        <h4 class="mb20">客人备注：</h4>
        <div class="admin-form">
          <label class="field prepend-icon">
            <textarea class="gui-textarea" name="comment" placeholder="客人备注信息"></textarea>
            <label class="field-icon"><i class="fa fa-comments"></i></label>
          </label>
        </div>
      </article>

      <footer class="panel-footer text-right">
        <button type="button" class="btn btn-default btn-lg w120">返回</button>
        <button type="button" class="btn btn-warning btn-lg w160">保存并支付</button>
      </footer>
    </section>



    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>


<!-- 选择旅客 -->
<div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="seluserModal">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">批量修改库存</h4>
      </div>
      <form action="#" id="editstockForm">
        <div class="modal-body admin-form">

          <div class="displayt w100b mb15">
            <div class="cell text-right">乘客姓名：</div>
            <div class="cell"><input type="text" class="form-control" placeholder="乘客姓名"></div>
            <div class="cell text-right">证件号码：</div>
            <div class="cell"><input type="text" class="form-control" placeholder="证件号码"></div>
            <div class="cell inline">
              <button type="button" class="btn btn-warning w90">查询</button>
              <button type="button" class="btn btn-link">显示所有</button>
            </div>
          </div>

          <table class="table table-bordered table-center mb10">
            <thead>
            <tr>
              <th>
                <label class="option option-primary">
                  <input type="checkbox" name="checked" id="checkall">
                  <span class="checkbox"></span>
                </label>
              </th>
              <th>姓名</th>
              <th>国籍</th>
              <th>性别</th>
              <th>证件类型</th>
              <th>证件号码</th>
              <th>出生日期</th>
              <th>出生手机号</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>
                <label class="option option-primary">
                  <input type="checkbox" name="checked" class="checkboxes">
                  <span class="checkbox"></span>
                </label>
              </td>
              <td>拉拉</td>
              <td>中国</td>
              <td>女</td>
              <td>护照</td>
              <td>g13214546</td>
              <td>1988-09-09</td>
              <td>132124515141</td>
            </tr>

            <tr>
              <td>
                <label class="option option-primary">
                  <input type="checkbox" name="checked" class="checkboxes">
                  <span class="checkbox"></span>
                </label>
              </td>
              <td>拉拉</td>
              <td>中国</td>
              <td>女</td>
              <td>护照</td>
              <td>g13214546</td>
              <td>1988-09-09</td>
              <td>132124515141</td>
            </tr>
            </tbody>
          </table>

          <nav class="clearfix">
            <ul class="pagination pull-right">
              <li>
                <a href="#" aria-label="Previous">
                  <span aria-hidden="true">«</span>
                </a>
              </li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li>
                <a href="#" aria-label="Next">
                  <span aria-hidden="true">»</span>
                </a>
              </li>
            </ul>
          </nav>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary w120" id="seluserAddbtn">确认添加</button>
        </div>
      </form>
    </div><!-- modal-content -->
  </div><!-- modal-dialog -->
</div><!-- modal -->


<!-- 导入excel -->
<div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="importModal">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">导入excel</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <button class="btn btn-warning btn-block btn-lg"><i class="fa fa-cloud-upload"></i> 上传</button>
        </div>
        <div class="form-group">
          <button class="btn btn-success btn-block btn-lg"><i class="fa fa-cloud-download"></i> 模板下载</button>
        </div>
      </div>
    </div><!-- modal-content -->
  </div><!-- modal-dialog -->
</div><!-- modal -->


<script src="../../lib/angular.min.js"></script>
<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  seajs.use('sales',function (cc) {
    cc.salesReser2();
  });
</script>
</body>
</html>